<template>
    <div>
        <a href="" target="iframe">
            <div class="a" v-html="apply">
                <!--hhhh-->
                <!--{{apply}}-->
            </div>
        </a> 
        
         
         <iframe src="" frameborder="0" id="iframe" name="iframe">

         </iframe>

        <button class="button">xiaohuang</button>  
    </div> 
    
</template>
<script>
   export default {
        name:"applyText",
        data(){
            return {
                apply:''
            }
        },
        mounted() {
             let form = payHtml
            this.apply = form;
            this.$nextTick(()=> {
                    document.forms[0].submit();
            })
//              const div = document.createElement('div');
//              div.innerHTML = payHtml;
//              document.body.appendChild(div);
//              document.forms [0].submit();
        },

    }
</script>
<style>
    .a{
        height: 50vh;
    }

    .button{
        	width: 90%;
			padding: 0.8rem 0.3rem;
			background: #00a7f0;
			color: white;
			border: none;
			border-radius: 0.2rem;
			position: absolute;
			left: 5%;
			bottom: 0;
    }
</style>
